import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'vant/lib/index.css';
import 'amfe-flexible'

import {
  Tabbar, TabbarItem, Swipe, SwipeItem, NavBar, Icon, Form, Field, CellGroup,
  Button, Checkbox, CheckboxGroup, DatetimePicker, Popup, RadioGroup,
  Radio, Sidebar, SidebarItem, Image as VanImage, Divider, Stepper, SwipeCell,
  Grid, GridItem, Cell, Picker, Overlay, Step, Steps, Tab, Tabs, AddressList,
  Area
} from 'vant'
const app = createApp(App)

app
  .use(store)
  .use(router)
  .use(Tabbar)
  .use(TabbarItem)
  .use(Swipe)
  .use(SwipeItem)
  .use(NavBar)
  .use(Icon)
  .use(Form)
  .use(Field)
  .use(CellGroup)
  .use(Button)
  .use(Checkbox)
  .use(CheckboxGroup)
  .use(DatetimePicker)
  .use(Popup)
  .use(Radio)
  .use(RadioGroup)
  .use(Sidebar)
  .use(SidebarItem)
  .use(VanImage)
  .use(Divider)
  .use(Stepper)
  .use(SwipeCell)
  .use(Grid)
  .use(GridItem)
  .use(Cell)
  .use(Picker)
  .use(Overlay)
  .use(Step)
  .use(Steps)
  .use(Tab)
  .use(Tabs)
  .use(AddressList)
  .use(Area)
  .mount('#app')
